.row-fluid.headRow
  h1.span4.contentHeader
    | Tilbud
    .contentHeaderDesc Oversikt over alle tilbud
  .span5
    .quartalSelection.btn-group.inline-block
        a#quartal1(class="btn", data-quarter="1") Jan - Mar
        a#quartal2(class="btn", data-quarter="2") Apr - Jun
        a#quartal3(class="btn", data-quarter="3") Jul - Sep
        a#quartal4(class="btn", data-quarter="4") Okt - Des
    .btn-group.inline-block.yearSelector(data-year= year)
        a#year(data-toggle="dropdown",href="#").btn.btn-info.dropdown-toggle
            = year
            span.caret
        ul#yearValues.dropdown-menu.bottom-up

  .span3
    //.buttonGroup.pull-right
    //    .viewButton(id="createButton", class="redButton") Opprett
    //.buttonGroup.pull-right
    //    .viewButton(id="quartalView",class="redButton") Kvartal
    //    .viewButton(id="excelView",class="greyButton") Excel
    ul.nav.nav-pills.pull-right(style="margin-bottom:0px")
      li.active
        a#quartalView(data-toggle='pill', href='#') Kvartal
      li
        a#excelView(data-toggle='pill', href='#') Liste
.quartalGroup
    div.quartal1
        div.period#period1
            h3= quarter[0]
        div.period#period2
            h3= quarter[1]
        div.period#period3
            h3= quarter[2]
    div.quartal2
        div.period#period4
            h3= quarter[3]
        div.period#period5
            h3= quarter[4]
        div.period#period6
            h3= quarter[5]
    div.quartal3
        div.period#period7
            h3= quarter[6]
        div.period#period8
            h3= quarter[7]
        div.period#period9
            h3= quarter[8]
    div.quartal4
        div.period#period10
            h3= quarter[9]
        div.period#period11
            h3= quarter[10]
        div.period#period12
            h3= quarter[11]
    br(style='clear:both;')
div(id='excelGroup')